{include file="$header" /}
<div class="login-wrapper">
    <div class="login-container">
        <div class="login-body">
            <div class="login-side">
                <div class="login-side-content">
                    <div class="login-side-logo">
                        <img alt="login" src="__STATIC__/admin/images/logo.png">
                    </div>
                    <div class="login-side-title">{:lang('Program development platform')}</div>
                    <div class="login-side-comments">
                    {:lang('Login Introduction')}
                    </div>
                    <div class="login-side-footer">
                        <a href="javascript:;">onekeyadmin {:lang('Enterprise Edition')} - {:lang('Enterprise-level system development management platform')}</a>
                    </div>
                </div>
            </div>
            <div class="login-form">
                <div class='login-form-content'>
                    <div class="mk-login-warp">
                        <div class="login-title">{:lang('User login')}</div>
                        <div class="login-ctitle">USER LOGIN</div>
                        <mk-login-form @success-login="successLogin($event)"></mk-login-form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="$component" /}
<script type="text/javascript">
    new Vue({
        el: '#app',
        data() {
            return {}
        },
        methods: {
            successLogin(url) {
                location.href = url;
            }
        }
    });
</script>
{include file="$footer" /}